<template>

    <div style="color: #ccc;">{{ todo.title }}</div>
    <div><button @click="todoStore.removeTodo(todo.id)">remove</button></div>
   
   </template>
   
   <script setup lang='ts'>
import { useTodoStore } from '../store/todo';

   defineProps<{
       todo:Todo
   }>()
   interface Todo {
       title:string,
       id:string
   }
   const todoStore = useTodoStore()
   
   
   
   </script>
   
   <style scoped>
   
   </style>
   